window.onload = function () {
    var form = document.querySelector('form')
    var usernameInput = document.querySelector('[name="username"]')
    var passwordInput = document.querySelector('[name="password"]')
    form.onsubmit = function() {
        if (usernameInput.value === '' || passwordInput.value === '') {
            alert('账号和密码不能为空')
             return false
        }
        request1({
            url: "/front/api/users/login",
            method: 'post',
            data: {
                username: usernameInput.value,
                password: passwordInput.value,
            },
            success(res) {
                var {
                    //数据库中的res.josn的错误信息返回值
                    error_code,
                    //提示信息
                    msg,
                    date
                } = res
                alert(msg)
                if (error_code === 0) {
                    console.log(date);
                    let userid = date.userid
                    console.log(userid);
                    localStorage.setItem('userid',userid)
                    location.href = './index.html'
                    // console.log(123);

                }
                // console.log(res);
            },
            error() {
                console.log("网络请求失败！");
            }
        })
        return false
    }



    // var form = document.querySelector('form')
    // var usernameInput = document.querySelector('[name="username"]')
    // var passwordInput = document.querySelector('[name="password"]')
    // form.onsubmit = function () {
    //     if (usernameInput.value === '' || passwordInput.value === '') {
    //         alert('账号和密码不能为空')
    //         return false
    //     }
    //     var xhr = new XMLHttpRequest;
    //     xhr.open('post', '/user/login');
    //     xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
    //     xhr.send(`username=${usernameInput.value}&password=${passwordInput.value}`)
    //     xhr.onreadystatechange = function () {
    //         if (xhr.readyState === 4) {
    //             if (xhr.status >= 200 && xhr.status < 300) {
    //                 var res = xhr.responseText;
    //                 res = JSON.parse(res)
    //                 var {
    //                     error_code,
    //                     msg
    //                 } = res
    //                 alert(msg)
    //                 if (error_code === 0) {
    //                     location.href = '/'
    //                 }
    //                 console.log(res);
    //             }
    //         }
    //     }
    //     // 阻止默认行为，不允许跳转
    //     return false
    // }


}